<template>
  <el-card style="margin-top:10px">
    <template #header>
      <h2>公告</h2>
    </template>
    <div class="content">
      <div style="margin-right:10px">
        <img style="width:100px" src="@/assets/common/defaultImg.png" alt="">
      </div>
      <div>
        <span>
          <span style="color:#5470c6">{{ name }}</span> 发布了 第1期“翻斗大讲堂”互动讨论获奖名单
        </span>
        <p>2022-11-16 11:15</p>
      </div>
    </div>
    <div class="content">
      <div style="margin-right:10px">
        <img style="width:100px" src="@/assets/common/defaultImg.png" alt="">
      </div>
      <div>
        <span>
          <span style="color:#5470c6">{{ name }}</span> 发布了 第1期“翻斗大讲堂”互动讨论获奖名单
        </span>
        <p>2022-11-16 11:15</p>
      </div>
    </div>
    <div class="content">
      <div style="margin-right:10px">
        <img style="width:100px" src="@/assets/common/defaultImg.png" alt="">
      </div>
      <div>
        <span>
          <span style="color:#5470c6">{{ name }}</span> 发布了 第1期“翻斗大讲堂”互动讨论获奖名单
        </span>
        <p>2022-11-16 11:15</p>
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'ProjectBackNotice',
  props: { name },
  data() {
    return {

    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>
.content{
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-top: 10px;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    p{
        font-size: 16px;
    }
}
</style>
